import type { LucideProps } from "lucide-react";
import React from "react";

interface Props {
  icon: React.ForwardRefExoticComponent<
    Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>
  >;
  title: string;
}
export default function Empty(props: Props) {
  return (
    <div className="flex h-full w-full flex-col items-center justify-center gap-4 text-gray-300">
      <props.icon width={80} height={80} />
      <p className="text-2xl">{props.title}</p>
    </div>
  );
}
